<template>
  <myMenu></myMenu>

  <a-form :model="form" :rules="rules">
    <a-row>
      <a-col :span="8">
        <a-form-item label="姓名">
          <a-input v-model:value="form.name" />
        </a-form-item>

        <a-form-item label="身份证号">
          <a-input v-model:value="form.idcard" />
        </a-form-item>

        <a-form-item label="民族">
          <a-input v-model:value="form.nation" />
          <a-select v-model:value="form.nation">
            <a-select-option value="jack">Jack</a-select-option>
            <a-select-option value="lucy">Lucy</a-select-option>
            <a-select-option value="disabled" disabled>Disabled</a-select-option>
            <a-select-option value="Yiminghe">yiminghe</a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="性别">
          <a-input v-model:value="form.sex" />
        </a-form-item>

        <a-form-item label="电话">
          <a-input v-model:value="form.phone" />
        </a-form-item>

        <a-form-item label="出生日期">
          <a-input v-model:value="form.birth" />
        </a-form-item>

        <a-form-item label="文化程度">
          <a-input v-model:value="form.education" />
        </a-form-item>

        <a-form-item label="联系地址">
          <a-input v-model:value="form.addr" />
        </a-form-item>

        <a-form-item label="准考证头像">
          <a-input v-model:value="form.icon" />
        </a-form-item>
      </a-col>

      <a-col :span="8"> </a-col>

      <a-col :span="8"> </a-col>
    </a-row>
  </a-form>
</template>

<script>
import { reactive, toRefs } from "@vue/reactivity";
import { formData, formRules } from "@utils/constant.js";
export default {
  setup() {
    const state = reactive({
      form: formData,
      rules: formRules,
    });

    return {
      ...toRefs(state),
    };
  },
};
</script>

<style>
</style>